// 设置一个公共样式
.all{
    // 设置宽度为1200px
    width: 1200px;
    margin: 0 auto;
}
// *{
//     padding: 0;
//     margin: 0;
// }
// 设置开屏图片
.head{
    height: 601.26px;
    width: 100%;
    background-image: url('../img/主页.jpg');
    // 设置图片100%显示
    background-size: 100%;
//    设置不重复，其实就是默认的参数
    background-repeat: no-repeat;
    // 设置logo
    .logo{
        width: 100px;
        height: 90px;
        background-image: url(../img/logo.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        float: left;
        // 设置右边距
        margin-right: 50px;
    }
    // 设置菜单
    .menu{
        
        // 设置字体大小
        font-size: 16px;
        color: #fff;
        height: 90px;
        // 设置flex布局
        display: flex;
        float: right;
        margin-top: 0px;
        // 设置li
        .menu-l{
            line-height: 90px;
            top: 100px;
            margin: 0 29px;
        }
        li{
            list-style: none;
        }
        // 字体图标
        i{
            margin-right: 10px;
            // 设置i粗体显示
            font-weight: bold;
        }
        // 设置最后一个menu
        .menu-ll{
            line-height: 90px;
            // 设置颜色
            color: rgba(#fff, #fff, #fff, 0.5);
            margin-left: 30px;
            
       
    }
    }
}
// 设置字体部分
.fonts{
    span{
        // 上边距
        margin-top: 63.292px;
        font-size: 16px;
        display: block;
        // background-color: red;
        line-height: 33px;
        font-weight: bold;
        color: rgba(0, 0, 0, 0.6);
        // 下边距
        margin-bottom: 31.646px;
    }
}
// 美图介绍板块
.jieshao{
    display: block;
    height: 160px;
    // background-color: red;
    display: flex;
    justify-content: space-between;
    
    // 字体大小
    h1{
        font-size: 28px;
        text-align: center;
        line-height: 160px;
        color: #fff;
        font-weight: bold;
    }
        .img1,.img2,.img3{
            width: 384px;
            height: 160px;
            border-radius: 20px;
            
            
        }
        // 鼠标移入背景颜色透明状态
        .img1:hover{
            background-color: #af432b;
            color: #fff;
            // 设置渐变效果
            -webkit-transition: all 0.4s linear;
            -moz-transition: all 0.4s linear;
            -o-transition: all 0.4s linear;
            transition: all 0.4s linear;
            opacity:0.8; 
            
        }
        .img2:hover{
            background-color: #4b3ca0;
            // 设置渐变效果
            -webkit-transition: all 0.4s linear;
            -moz-transition: all 0.4s linear;
            -o-transition: all 0.4s linear;
            transition: all 0.4s linear;
            opacity:0.8;
            
        }
        .img3:hover{
            background-color: #2e698d;
            color: #fff;
            // 设置渐变效果
            -webkit-transition: all 0.4s linear;
            -moz-transition: all 0.4s linear;
            -o-transition: all 0.4s linear;
            transition: all 0.4s linear;
            opacity:0.8;
            
        }
        .img1{
            background-color: #FF6341;
           
        }
        .img2{
            background-color: #826FF3;
        }
        .img3{
            background-color: #49B9FF;
        }


}
// 面向用户部分
.yonghu{
    display: flex;
    // 上边距
    margin-top: 80px;
    .box1,.box2,.box3{
        width: 400px;
        height: 80px;
        // background-color: red;
        h1{
            font-size: 24px;
            color: #555;
            line-height: 80px;
            text-align: center;
            font-weight: bold;
        }
    }
    .box1{
        border-bottom: 4px #f5275f solid;
        
    }
}
// 美图秀秀部分
.meituxiuxiu-wapper{
    width: 100%;
    height: 400px;
    background-color: #fafafa;
    overflow: hidden;

    
    .meituxiuxiu{
        // background-color: red;
        display: flex;
        .logo_wrap{
            display: flex;
            h1{
                color: #333;
                font-size: 20px;
                font-weight: bold;
                // 设置行高
                line-height: 90px;
                margin-left: 25px;
                
            }
            
        }
        margin-top: 40px;
        .box4,.box5,.box6{
            padding: 40px;
            img{
                width: 90px;
                height: 90px;
            }
            // 统一设置所有的span
            span{
                font-size: 16px;
                color: #f5275f;
                font-weight: bold;
                height: 20.8px;
                line-height: 20.8px;
                img{
                    // background-color: red;
                    height: 6px;
                    width: 28px;
                    margin: 0 0 4px 7px;
                }
            }
        }
        .box4{
            width: 320px;
            height: 274px;
            // background-color: rebeccapurple;
            p{
                display: block;
                // background-color: red;
                font-size: 14px;
                color: #787878;
                margin: 27px 0 20px 0;
                font-weight: bold;
                line-height: 26px;
            }
            
            
        }
        .box5{
            width: 320px;
            height: 274px;
            // background-color: rebeccapurple;
            p{
                display: block;
                // background-color: red;
                font-size: 14px;
                color: #787878;
                margin: 27px 0 20px 0;
                font-weight: bold;
                line-height: 26px;
            }
        }
        .box6{
            width: 320px;
            height: 274px;
            // background-color: rebeccapurple;
            p{
                display: block;
                // background-color: red;
                font-size: 14px;
                color: #787878;
                margin: 27px 0 20px 0;
                font-weight: bold;
                line-height: 26px;
            }
            
        }

        
    }
}
// 更多业务部分
.look-more-war{
    width: 100%;
    height: 80px;
    // line-height: 40px;
    background-color: #fafafa;
    .look-more{
        display: block;
        width: 180px;
        height: 46px;
        font-size: 16px;
        line-height: 46px;
        text-align: center;
        margin: 0 auto;
        
        background-color: #f5275f;
    }
}
// 美图动态部分
.meitudongtai{
    display: block;
    height: 41.600px;
    width: 100%;
    margin: 80px 0 40px 0;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 41.600px;
} 
// 美图动态部分展示
.dynamic_list{
    // 设置高
    height: 1167.7px;
    // 设置flex布局
    display: flex;
    // 设置溢出换行
    flex-wrap: wrap;
    // 设置排列方式
    justify-content: space-between;
    // 设置图片
    img{
        width: 578px;
        height: 320px;
    }
    
    .dynamic_item{
        height: 541.85px;
        width: 578px;
        margin-bottom: 10px;
        
        
        
        .dynamic_info{
            color: #000;
            width: 578px;
            height: 221.851px;
            
            // color: red;
            // background-color: red;
            .info-h{
                font-size: 20px;
                color: #333;
                // 设置溢出文字变成省略号
                overflow:hidden;
	            text-overflow:ellipsis;
	            white-space:nowrap;
                
            }
            .info-p{
                font-size: 14px;
                color: #787878;
                font-weight: bold;
                line-height: 1.88;
                margin-bottom: 20px;

            }
            .operate_area{
                .s1{
                    color: #b4b4b4;
                    font-weight: bold;
                    font-size: 16px;
                }
                .s2{
                    float: right;
                    color: #f5275f;
                    .icn{
                        margin: 0 0 4px 9px;
                    }
                }
            }
            .info-h,.info-p,.operate_area{
                // 设置边距
                margin: 20px 26.108px 20px 26.108px;
            }
          
            
        }
    }
     

    // 设置日期部分
    .operate_area{
        // 设置图标
        .icn{
            width: 28px;
            height: 6px;
        }

    }
}

// 页面尾部
.lastdown-war{
    background-color: #f7f7f7;
    height: 537.05px;
    position: relative;
    padding-top: 59.336px;
    .last-war{
        .last-war-ul{
            // width: 580px;
            display: inline-flex;
            // justify-content: space-between;
            
        }
        .logo2{
            width: 134px;
            height: 35px;
            float: right;
            position: relative;
            top: 0;
            right: 0;
        }
        ul{
            color: #808080;
            font-weight: bold;
            font-size: 15px;
            line-height: 50px;
            margin: 0  90px  0 24px;
            
            .b{
                font-size: 18px;
            }
            
        }
    }
    // 末尾
    .mowei{
        
        display: flex;
        margin-top: 80px;
        .logo3{
            width: 55px;
        height: 15px;
        margin: 0 .16rem 0 .11rem;
        background: url(../img/logo3.png) no-repeat 100% 100%;
        background-size: contain;
        }
        a{
            color: #808080;
            margin-right: 10px;
            font-size: 16px;
        }
        
    }

    .archival_info-last{
        margin-top: 30px;
        
        
        a{
            display: block;
            color: #b4b4b4;
            margin: 0 4px 0 4px; 
            
        }
        li{
            
            color: #b4b4b4;
            
            margin: 0 4px 0 4px; 
        }
        
        .last-li:hover{
            color: red;
            // color: #f5275f;
        }
        
        
        
        font-size: 14px;
        font-weight: bold;
        line-height: 25px;
    }
}


// 设置所有超链接
a{
    // 去除下划线
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}
